@import url('https://fonts.googleapis.com/css?family=Lato:700|Montserrat:700|Open+Sans|Roboto|Raleway|Source+Sans+Pro:300');

/* < Reset > */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0;	outline: 0;	padding: 0;	vertical-align: baseline; }
body { line-height: 1; }
div, a, p, span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	}
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
/* </ Reset >  */

body { color:#000000;font-size:13px;margin:0px;padding:0px;  font-family: 'Open Sans', sans-serif;  }

/*
body div { border:solid 1px silver; }

font-family: 'Lato', sans-serif;            'Square Bold
font-family: 'Raleway', sans-serif;         'Square Thin
font-family: 'Open Sans', sans-serif;       'Regular
font-family: 'Source Sans Pro', sans-serif; '
*/

::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track  { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,153,51,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,153,51,0.4); }

.SHADOW
{ -webkit-box-shadow: #999 0px 0px 5px;-moz-box-shadow: #999 0px 0px 5px;-IE6-box-shadow: #999 0px 0px 5px;box-shadow: #999 0px 0px 5px; }
.SHADOW2, #FloatBounce a
{ -webkit-box-shadow: #fff 0px 0px 1px;-moz-box-shadow: #fff 0px 0px 1px;-IE6-box-shadow: #fff 0px 0px 1px;box-shadow: #fff 0px 0px 1px; }
.SHADOW3, .ProDiv, .ProImg
{ -webkit-box-shadow: #bbb 0px 0px 3px; -moz-box-shadow: #bbb 0px 0px 3px; -IE6-box-shadow: #bbb 0px 0px 3px; box-shadow: #bbb 0px 0px 3px; }
.SHADOW4, .FrontVideo
{ -webkit-box-shadow: #000 1px 1px 2px; -moz-box-shadow: #000 1px 1px 2px; -IE6-box-shadow: #000 1px 1px 2px; box-shadow: #000 1px 1px 2px; }
.SHADOW5, #btn1, #fbbox
{ -webkit-box-shadow: #fff 0px 0px 20px;-moz-box-shadow: #fff 0px 0px 20px;-IE6-box-shadow: #fff 0px 0px 20px;box-shadow: #fff 0px 0px 20px; }
.SB
{ -webkit-text-shadow: 0px 0px 3px #000;-moz-text-shadow: 0px 0px 3px #000;text-shadow: 0px 0px 3px #000; }


.RALL
{ -moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
.RALL5, .BTNC, .DocLink, .BackLink, .MoreNext3, .CompanyTB, .CompanyTBBig, .CompanyDD, .CompanyDDBig, .Companylogin, .CommentStyle
{ -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
.RALL3, #back-top a, .FEEDTBS3, .BTN3, .FrontRight2, .FEEDTBS4, .BTN4, .FEEDTBS5
{ -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }
.RALL25, .SNewsFrame pre, .SlideText b a, .FooterQuote .FBtn1, .FooterQuote .FBtn2
{ -moz-border-radius: 25px;-khtml-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px; }

.MoreNext { display:block;width:173px;height:36px;color:#fff !important;text-decoration:none;background:url(../images/basic/more3.png) 0px 0px no-repeat;line-height:36px;padding-left:20px; }
.MoreNext2 { display:block;color:#000000;font-weight:bold;text-decoration:none;text-align:right;padding:5px 5px 0px 0px; }
.MoreNext3 { display:table;line-height:40px;padding:0px 50px 0px 50px;font-size:14px;font-weight:bold;border:solid 2px #333;margin:0px auto; }
.MoreNext3:hover { background-color:#FAA61A; }

.ErrorStyle { color:red;font-size:12px;line-height:16px; }
.ErrorControl { color:red;float:left; }
.FL { float:left; }
.FR { float:right; }
.BoxFrame { display:table;width:100%; }

#FloatBounce { position:absolute;top:35%;left:10px;width:30px;height:240px;z-index:9999; }
.FB1, .TW1, .LI1, .GP1, .YT1, .PN1,.IG1 { display:block;width:30px;font-size:20px;height:30px;margin:0px 0px 10px 0px;color:#fff !important;background:#FAA61A;text-align:center;line-height:30px !important;-moz-border-radius: 15px;-khtml-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; }
.FB1:hover { background:#4767AA; }
.TW1:hover { background:#2AA7DE; }
.IG1:hover { background:#ce2d92; }
.LI1:hover { background:#0B5C93; }
.GP1:hover { background:#D53F31; }
.YT1:hover  { background:#BF312D }
.PN1:hover  { background:#D44B51 }

.FB2, .TW2, .LI2, .GP2, .YT2, .TB2, .PN2, .RD2, .EM2,.IG2 { float:right;display:block;width:40px;height:40px;margin:0px 1px 0px 0px;color:#333 !important;background:#EEE;text-align:center;line-height:40px !important;font-size:18px !important; }
.FB2:hover { background:#4767AA;color:#fff !important; }
.TW2:hover { background:#2AA7DE;color:#fff !important; }
.LI2:hover { background:#0B5C93;color:#fff !important; }
.GP2:hover { background:#D53F31;color:#fff !important; }
.YT2:hover  { background:#BF312D;color:#fff !important; }
.TB2:hover  { background:#EC886E;color:#fff !important; }
.PN2:hover  { background:#D44B51;color:#fff !important; }
.RD2:hover  { background:#FE6932;color:#fff !important; }
.EM2:hover  { background:#EC886E;color:#fff !important; }
.IG2:hover  { background:#ce2d92;color:#fff !important; }

.FooterShare { height:0px;display:table;margin-top:16px;float:right; }
.FB3, .TW3, .LI3, .GP3, .YT3, .TB3, .PN3, .RD3, .EM3,.IG3 { float:left;display:block;width:30px;height:30px;margin:10px 10px 20px 0px;color:#333 !important;background:#666;text-align:center;line-height:30px !important;font-size:16px !important;-moz-border-radius: 15px;-khtml-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; }
.FB3:hover { background:#4767AA;color:#fff !important; }
.TW3:hover { background:#2AA7DE;color:#fff !important; }
.LI3:hover { background:#0B5C93;color:#fff !important; }
.GP3:hover { background:#D53F31;color:#fff !important; }
.YT3:hover  { background:#BF312D;color:#fff !important; }
.TB3:hover  { background:#EC886E;color:#fff !important; }
.PN3:hover  { background:#D44B51;color:#fff !important; }
.RD3:hover  { background:#FE6932;color:#fff !important; }
.EM3:hover  { background:#EC886E;color:#fff !important; }
.IG3:hover  { background:#ce2d92;color:#fff !important; }

.AdvtSample { border:dotted 1px gray;margin-bottom:20px; }

#ShareBounce { position:absolute;top:200px;left:-145px;width:200px;background:#FAA61A url(../images/basic/yellow.png) 150px 0px repeat-y; }
.SBLink1, .SBLink2, .SBLink3 { display:block;height:50px;line-height:50px;padding-left:16px;font-size:16px;color:#fff !important; } 
.SBLink1:hover, .SBLink2:hover, .SBLink3:hover { color:#fff; }
.SBLink1 { background:url(../images/basic/skype.png) 165px 10px no-repeat; } 
.SBLink2 { background:url(../images/basic/call.png) 165px 10px no-repeat; } 
.SBLink3 { background:url(../images/basic/WhatsApp.png) 165px 10px no-repeat; } 



.DownLink b, .DownLink strong { color:#F6981D;text-decoration:underline;font-size:18px;  } 


.TableBody { width:100%;border-collapse:collapse;margin-bottom:20px; }
.TableBody tr { width:100%;border-collapse:collapse; }
.TableBody tr:first-child { background-color:#F69E2B;color:#fff;font-weight:bold; }
.TableBody td { border:solid 1px #F69E2B;padding:10px 20px 10px 20px; }
.TableBody tr:hover { background-color:#f2f2f2;color:#000; }
.TableBody tr:first-child:hover { background-color:#F69E2B;color:#fff; }
.TableBody a { color:#000;font-size:13px;padding:0px 25px 0px 0px;background:url(../images/basic/download.png) right 3px no-repeat;text-decoration:none;line-height:20px; }
.TableBody a:hover { color:#000;  }

.CommonBody1 { padding:0px 0px 150px 0px;display:table;width:1100px;font-family: 'Open Sans', sans-serif !important;text-align:justify; }

.CommonDesc1 { padding:20px 10px 20px 10px;display:table;width:100%;font-family: 'Open Sans', sans-serif !important;line-height:24px;text-align:justify;min-height:600px; }
.CommonDesc1 p { padding:0px 0px 10px 0px;line-height:24px;font-size:14px; }
.CommonDesc1 li { display:block; padding:0px 0px 0px 18px;margin:0px; background:url(../images/basic/bullet3.png) 0px 9px no-repeat;line-height:24px;font-size:14px; }
.CommonDesc1 b,.CommonDesc1 strong { font-weight:bold; }
.CommonDesc1 i,.CommonDesc1 em { font-style:italic; }
.CommonDesc1 a { text-decoration:underline;color:#F68B00!important; }
.CommonDesc1 h2 { line-height:36px;font-size:24px;color:#333;margin:20px 0px 20px 0px;padding:0px 0px 2px 0px; background:url(../images/basic/shade.png) top center repeat-y; }
.CommonDesc1 table { width:100%;border-collapse:collapse;margin-bottom:20px; }
.CommonDesc1 table tr { width:100%;border-collapse:collapse; }
.CommonDesc1 table tr:first-child { background-color:#F69E2B;color:#fff;font-weight:bold; }
.CommonDesc1 table td { border:solid 1px #F69E2B;padding:10px 20px 10px 20px; }
.CommonDesc1 table tr:hover { background-color:#f2f2f2;color:#000; }
.CommonDesc1 table tr:first-child:hover { background-color:#F69E2B;color:#fff; }
.CommonDesc1 table a { color:#000;font-size:13px;padding:0px 25px 0px 0px;background:url(../images/basic/download.png) right 3px no-repeat;text-decoration:none;line-height:20px; }
.CommonDesc1 table a:hover { color:#000;  }
.CommonDesc1 table tr td p { margin:0px !important;padding:0px !important;  }

/*.CommonDesc1 table { width:100%;border-collapse:collapse;margin-bottom:20px; }
.CommonDesc1 table tr { width:100% !important;display:table;border-collapse:collapse;background:url(../images/basic/table-row.png) top center no-repeat; }
.CommonDesc1 table tr:first-child { background:url(../images/basic/table-head.png) top center repeat;color:#000;font-weight:bold; }
.CommonDesc1 table td { padding:10px 10px 2px 10px;border:0px !important; }
.CommonDesc1 table a { color:#000;font-size:13px;padding:0px 25px 0px 0px;background:url(../images/basic/download.png) right 3px no-repeat;text-decoration:none;line-height:20px; }*/


.CommonBody2 { padding:15px;background-color:#eee;border:solid 4px #fff;margin-bottom:15px; }
.CommonImage2 { border:solid 3px #fff;float:left;margin:0px 15px 10px 0px; }

.CommonTitle1 { height:50px;background:url(../images/basic/title1.png) center 20px no-repeat;display:none; }
.CommonTitle1 span { display:block;height:50px;width:70px;margin:0px auto;color:#FAA61A;font-size:50px;line-height:50px;background:#fff;text-align:center; }

.CommonLines1 { text-align:center;padding:20px 20px 0px 20px; }
.CommonLines1 p { padding:0px 0px 10px 0px;margin:0px;line-height:22px;color:#666;font-family: 'Open Sans', sans-serif;font-size:14px; }

.CommonLines2 { text-align:center;padding:20px 20px 0px 20px; }
.CommonLines2 p { padding:0px 0px 10px 0px;margin:0px;line-height:22px;color:#333;font-family: 'Open Sans', sans-serif;font-size:14px; }


.CommonImage1 { margin:0px auto 20px auto;width:100%;max-width:1000px;height:auto;display:block; }

.CommonHeader1 { min-height:40px;background:url(../images/basic/title1.png) center 16px no-repeat; }
.CommonHeader1 span { display:table;color:#666;line-height:40px;font-size:30px;text-align:center;font-family: 'Lato', sans-serif;background:#fff;margin:0px auto;padding:0px 10px; }
.CH1 { background:url(../images/basic/title2.png) center center no-repeat !important; }
.CH2 { background:url(../images/basic/title3.png) center center no-repeat !important; }
.CH3 { background:url(../images/basic/title4.png) center center no-repeat !important; }

.CommonHeader2 { min-height:40px; }
.CommonHeader2 span { display:table;color:#666;line-height:40px;font-size:30px;text-align:center;font-family: 'Lato', sans-serif;margin:0px auto;padding:0px 10px;background-color:#ccc; }

.CommonHeader3 { font-size:24px;color:#333;line-height:36px; padding:0px 0px 10px 0px;border-bottom:solid 1px #FF9933;margin-bottom:10px; }

.CommonHeader4 { font-size:16px;padding:10px 0px 10px 0px;font-weight:bold;line-height:16px;font-family: 'Lato', sans-serif;color:#333;text-align:center; }
.CommonHeader5 { font-size:16px;color:#FAA61A;padding:0px 0px 10px 0px;margin-bottom:8px;text-transform:uppercase; }
.CommonDesc5 { color:#ccc;line-height:20px;font-family: 'Open Sans', sans-serif;padding-top:20px;text-align:justify; }
.CommonDesc5 p { padding:0px 0px 10px 0px;line-height:22px;margin:0px;color:#ccc;font-family: 'Open Sans', sans-serif;font-size:14px;text-align:justify; }
.CommonDesc5 p a { color:#ccc;font-size:12px;text-decoration:none; }

.CommonHeader6 { padding:0px 0px 0px 0px;height:30px;font-weight:bold;border-bottom:solid 2px #F69E2B;margin-bottom:10px; }
.CommonHeader6 span { float:left; color:#fff;line-height:30px;font-size:16px;background-color:#F69E2B;display:table;padding:0px 20px 0px 20px;font-family: 'Lato', sans-serif; }
.CommonDesc6 { color:#ccc; }
.CommonDesc6 p { padding:0px 0px 0px 0px;line-height:22px;margin:0px;color:#ccc;font-family: 'Open Sans', sans-serif;font-size:14px;  }
.CommonDesc6 span { line-height:22px;font-size:20px;color:#FAA61A; }

.CommonHeader7 { font-size:36px;color:#333;padding:0px 0px 0px 0px;text-align:left;margin:0px;line-height:50px; }
.CommonDesc7 { color:#888;padding:0px 100px 60px 100px;background:url(../images/basic/line.png) bottom center no-repeat;text-align:center; }
.CommonDesc7 p { padding:0px 0px 5px 0px;margin:0px;line-height:20px;color:#333;font-family: 'Open Sans', sans-serif;font-size:14px; }
.CommonSub7 { font-size:20px;height:auto;line-height:30px;padding:20px 0px 0px 0px;color:#777; }
.CommonSub7 p { margin:0px;padding:0px; }
.CommonSub7 span { color:#FF7F00; }

.CommonHeader8 { height:100px;font-size:52px;color:#eee;font-weight:bold;padding:30px 0px 20px 0px;text-align:center;text-align:center;text-shadow: 0px 0px 5px #000; }
.CommonDesc8 { color:#eee;padding:0px 150px 80px 150px;text-align:center;text-shadow: 0px 0px 2px #000; }
.CommonDesc8 p { padding:0px 0px 5px 0px;margin:0px;line-height:22px;color:#eee;text-shadow: 0px 0px 2px #000;font-size:14px;font-family: 'Open Sans', sans-serif; }
.CommonDesc8 li { display:block; padding:0px 0px 0px 18px;margin:0px; background:url(../images/basic/bullet3.png) 0px 9px no-repeat;line-height:24px;font-size:14px; }
.CommonDesc8 b,.CommonDesc8 strong { font-weight:bold; }
.CommonDesc8 i,.CommonDesc8 em { font-style:italic; }
.CommonDesc8 a { text-decoration:underline;color:blue; }


.CommonHeader9 { display:block;color:#333;line-height:40px;font-size:30px;text-align:left;font-family: 'Lato', sans-serif;  }
.CommonDesc9 { color:#666;padding:30px 0px 20px 0px; }
.CommonDesc9 p { padding:0px 0px 10px 0px;margin:0px;line-height:22px;color:#666;font-family: 'Open Sans', sans-serif;font-size:13px; }
.CommonDesc9 p span { color:#FF9933; }
.CommonDesc9 li { display:block; padding:0px 0px 0px 18px;margin:0px; background:url(../images/basic/bullet3.png) 0px 9px no-repeat;line-height:24px;font-size:14px; }
.CommonDesc9 b,.CommonDesc1 strong { font-weight:bold; }
.CommonDesc9 i,.CommonDesc1 em { font-style:italic; }

.CommonHeader10 { height:40px;background:url(../images/basic/title1.png) center 16px no-repeat;margin:30px 0px 30px 0px; }
.CommonHeader10 span { display:table;color:#666;line-height:40px;font-size:30px;text-align:center;font-family: 'Lato', sans-serif;background:#fff;margin:0px auto;padding:0px 10px; }


.QuoteBox1 { background:url(../images/basic/quotes1.png) 80px 0px no-repeat;width:1100px;padding:20px 0px 0px 0px;margin:50px auto 0px auto;  }
.QuoteBox1 p { text-align:center;margin:0px 80px 50px 200px;padding:0px 120px 20px 0px;line-height:30px;background:url(../images/basic/quotes2.png) right bottom no-repeat;font-size:17px;color:#333;font-family: 'Open Sans', sans-serif; }

.MapStyle { display:block;width:240px;height:160px;background:url(../images/basic/map.jpg) 2px 2px no-repeat;border:solid 1px #F69E2B;padding:2px; }

.TBS, .DDS, .FEEDTBS, .FEEDTBS2, .FEEDTBS4
{ border:0px;font-size:12px;background-color:#f0f0f0;font-family: 'Open Sans', sans-serif; }

.DDS { }
.TBS {  }
.FEEDTBS { width:99%; }
.FEEDTBS2 { float:right; }
.FEEDTBS3 { width:96%;border:solid 0px #D5D5D5;font-size:13px;background-color:#D5D5D5;font-family: 'Open Sans', sans-serif;color:#666;margin-bottom:13px;padding:1px 0px 1px 10px;line-height:26px; }
.FEEDTBS4 { width:90%;padding:5px 10px;line-height:20px;border:solid 1px #ddd; }
.FEEDTBS5 { width:100%;border:solid 0px #D5D5D5;font-size:13px;background-color:#D5D5D5;font-family: 'Open Sans', sans-serif;color:#666;margin-bottom:13px;padding:4px 0px 4px 5px;line-height:26px; }
.BTN { border:0px;font-size:13px;background-color:#FAA61A;color:#000;font-weight:bold;height:24px;padding:0px 15px 0px 15px;line-height:24px; }
.BTNC { float:right;border:0px;font-size:15px;height:30px;width:73px;line-height:30px;text-align:center;background:url(../images/basic/b1.png) 0px 0px no-repeat;color:#fff !important; }
.BTN3 { border:0px;font-size:14px;background-color:#FF9933;color:#fff;font-weight:bold;line-height:28px;padding:5px 15px 5px 15px;line-height:24px;width:100%; }
.BTN4 { border:0px;font-size:13px;background-color:#FF9933;color:#fff;font-weight:bold;height:30px;padding:0px 15px 0px 15px;line-height:30px; }
.MB5 { margin-bottom:5px !important; }

.ANIM200, .FB1, .TW1, .LI1, .GP1, .YT1, .FB2, .TW2, .LI2, .GP2, .YT2, .TB2, .PN2, .RD2, .EM2 
{
    -webkit-transition: background-color 200ms linear,  border-color 200ms linear;
    -moz-transition: background-color 200ms linear, border-color 200ms linear;
    -o-transition: background-color 200ms linear, border-color 200ms linear;
    -ms-transition: background-color 200ms linear,  border-color 200ms linear;
    transition: background-color 200ms linear, border-color 200ms linear;
}

.ANIM500, .TestStyle1:hover div, .TestStyle1 div, .Box4 p, .Box4:hover p, .BlogImage::after, .BlogBox1:hover .BlogImage::after
{
    -webkit-transition: all 500ms ease;  
	-moz-transition: all 500ms ease;  
	-o-transition: all 500ms ease;  
	-ms-transition: all 500ms ease;  
	transition: all 500ms ease;
}

.ALL2000, .ProdStrip, .ProdBottom, .ProdBottomActive
{
	-webkit-transition: all 2s ease;  
	-moz-transition: all 2s ease;  
	-o-transition: all 2s ease;  
	-ms-transition: all 2s ease;  
	transition: all 2s ease;
}


.SlideBottom, .SlideTop, .SlideRight, .SlideLeft, .NowBottom, .NowTop, .NowRight, .NowLeft  { visibility:inherit; }


 .AnimBottom, .AnimTop, .AnimRight, .AnimLeft {
    visibility: visible;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

.AnimBottom { animation-name: AnimBottom; -webkit-animation-name: AnimBottom; }
.AnimTop { animation-name: AnimTop; -webkit-animation-name: AnimTop; }
.AnimRight { animation-name: AniRight; -webkit-animation-name: AniRight; }
.AnimLeft { animation-name: AnimLeft; -webkit-animation-name: AnimLeft; }
        
@keyframes AnimBottom { 
    0% { transform: translateY(100%); opacity: 0; } 
    100% { transform: translateY(0%); opacity: 1; }}
@-webkit-keyframes AnimBottom { 
    0% { -webkit-transform: translateY(100%); opacity: 0; } 
    100% { -webkit-transform: translateY(0%); opacity: 1; }}

@keyframes AnimTop { 
    0% { transform: translateY(-100%); opacity: 0; } 
    100% { transform: translateY(0%); opacity: 1; }}
@-webkit-keyframes AnimTop { 
    0% { -webkit-transform: translateY(-100%); opacity: 0; } 
    100% { -webkit-transform: translateY(0%); opacity: 1; }}

@keyframes AniRight { 
    0% { -webkit-transform: translateX(100%); opacity: 0; } 
    100% { -webkit-transform: translateX(0%); opacity: 1; }}
@-webkit-keyframes AniRight { 
    0% { -webkit-transform: translateX(100%); opacity: 0; } 
    100% { -webkit-transform: translateX(0%); opacity: 1; }}

@keyframes AnimLeft { 
    0% { -webkit-transform: translateX(-100%); opacity: 0; } 
    100% { -webkit-transform: translateX(0%); opacity: 1; }}
@-webkit-keyframes AnimLeft { 
    0% { -webkit-transform: translateX(100%); opacity: 0; } 
    100% { -webkit-transform: translateX(0%); opacity: 1; }}



@-moz-keyframes rotatebox {
    from { -moz-transform:rotate(0deg); }       
    to { -moz-transform:rotate(360deg); }}

@-webkit-keyframes rotatebox {

    from { -webkit-transform:rotate(0deg); }       
    to { -webkit-transform:rotate(360deg); }}

@-moz-keyframes rotatebox2 {
    from { -moz-transform:rotate(360deg); }       
    to { -moz-transform:rotate(0deg); }}

@-webkit-keyframes rotatebox2 {

    from { -webkit-transform:rotate(360deg); }       
    to { -webkit-transform:rotate(0deg); }}